// pages/details/details.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
     Hei:"",
     // 计算购物车中商品数量
     totalNum:0,
     isShowNum:false,
     detailsList:[],
     favoriteImg:'../../images/favorite.png'
  },

  // 计算图片缩放比后的高度函数
  imgH:function(event){
     // 获取图片的宽度和高度
     var imgWid = event.detail.width
     var imgHei = event.detail.height
     // console.log(imgWid)
     // console.log(imgHei)
     // 获取屏幕的宽度
     var winWid = wx.getSystemInfoSync().windowWidth
     // console.log(winWid)
     // 图片缩放后的高度
     var winHei = winWid / imgWid * imgHei
     // console.log(this)
     // 修改data里面的数据内容
     this.setData({
        Hei:winHei,
        winWid:winWid/2-10
     })
  },

  // 跳转到首页
  toIndex:function(){
     // 跳转到tabBar页面
     wx.switchTab({
       url: '/pages/index/index',
     })
  },

  // 跳转到购物车
  toCar:function(){
     // 跳转到tabBar页面
     wx.switchTab({
       url: '/pages/shoppingCar/shoppingCar',
     })
  },

  // 加入购物车的点击事件
  addCar:function(){
     var carList = wx.getStorageSync('carList')
     var detailsList = wx.getStorageSync('detailsList')
     // console.log(carList.length)
     // console.log(detailsList)
     // 重新赋值数据
     var good = {
        id:detailsList[0].id,
        img:detailsList[0].img,
        title:detailsList[0].title,
        desc:detailsList[0].desc,
        price:detailsList[0].new,
        num:1,
        checked:true
     }
     // 过渡的判断条件
     var isData = true
     var totalNum = 0
     var isShowNum = false
     // 判断购物车中是否有商品
     if(carList.length == 0){
        // 1、没有商品，直接添加，数量显示
        wx.setStorageSync('carList', [good])
        totalNum ++
        isShowNum = true
     }else{
        // 2、有商品，数量显示
        for(var i=0;i<carList.length;i++){
           if(carList[i].id == detailsList[0].id){
              // 2.1、商品的id相同，当前商品数量加一
              carList[i].num ++
              wx.setStorageSync('carList', carList)
              isData = false
           }
           totalNum += carList[i].num
           isShowNum = true
        }
        // 2.2、商品的id不同，添加该商品到购物车
        if(isData){
           // unshift() 在数组的头部插入数据
           carList.unshift(good)
           wx.setStorageSync('carList', carList)
           totalNum ++
        }
     }
     // 修改data里面的数据
     this.setData({
        // 键名和键值相等时可以缩写
        totalNum,
        isShowNum
     })
  },

  // 加入收藏夹的点击事件
  addFavorite:function(){
     var favoriteList = wx.getStorageSync('favoriteList')
     var detailsList = wx.getStorageSync('detailsList')
     var favoriteImg = '../../images/favorite.png'
     var isData = true
     // 判断收藏夹中是否有数据
     if(favoriteList.length == 0){
        // 1、没有商品，直接收藏当前商品，修改为收藏图片
        wx.setStorageSync('favoriteList', detailsList)
        favoriteImg = '../../images/favorite1.png'
     }else{
        // 2、有商品
        for(var i=0;i<favoriteList.length;i++){
           if(favoriteList[i].id == detailsList[0].id){
              // 2.1、商品的id相同，取消收藏，修改为未收藏图片
              favoriteList.splice(i,1)
              wx.setStorageSync('favoriteList', favoriteList)
              favoriteImg = '../../images/favorite.png'
              isData = false
           }
        }
        // 2.2、商品的id不同，收藏商品，修改成收藏图片
        if(isData){
           favoriteList.unshift(detailsList[0])
           wx.setStorageSync('favoriteList', favoriteList)
           favoriteImg = '../../images/favorite1.png'
        }
     }
     this.setData({
        favoriteImg
     })
  },


//   立即购买的点击事件
pay:function(){
   var detailsList = wx.getStorageSync('detailsList')
   var item = {
      id:detailsList[0].id,
      img:detailsList[0].img,
      title:detailsList[0].title,
      desc:detailsList[0].desc,
      price:detailsList[0].new,
      num: 1,
      checked:true
   }
   wx.setStorageSync('settlementList', [item])
   
   wx.navigateTo({
     url: '/pages/settlement/settlement',
   })
},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
     
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
     var carList = wx.getStorageSync('carList')
     var totalNum = 0
     var isShowNum = false
     var favoriteList = wx.getStorageSync('favoriteList')
     var detailsList = wx.getStorageSync('detailsList')
     var favoriteImg = '../../images/favorite.png'
     // 判断购物车中是否有商品
     // 1、没有商品，数量隐藏(默认设置)
     if(carList.length != 0){
        // 2、有商品，数量显示，计算数量
        for(var i=0;i<carList.length;i++){
           totalNum += carList[i].num
           isShowNum = true
        }
     }
     // 判断收藏夹中是否有数据
     for(var i=0;i<favoriteList.length;i++){
        // 商品的id相同，显示收藏图片
        if(favoriteList[i].id == detailsList[0].id){
           favoriteImg = '../../images/favorite1.png'
        }
     }

     this.setData({
        detailsList:wx.getStorageSync('detailsList'),
        totalNum,
        isShowNum,
        favoriteImg
     })
     // console.log(this.data.detailsList)
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})